<template>
	<view>
		<view class="main">
			<view class="top">
				<text class="top-text">林俊杰演唱会入场券</text>
			</view>
			<view class="time">
				<text class="time-text">2024年9月1日 19:30-22:00</text>
			</view>
			<view class="zhengjian">
				<text class="zhengjian-text"></text>证件信息
			</view>
			<view>
				<uni-card>
					<view class="msg">姓名：褚淼源</view>
			
					<view class="msg">证件类型：中国居民身份证</view>
			
					<view class="msg">证件号码：123456000000000000</view>
			
					<view class="msg">手机号码：18735053306 </view>
			
					<view class="msg">观看人数：1人 </view>
			
					<view class="msg">座位号：13排109号 </view>
					<view class="msg">演出时间：2024年9月1日19：30-22：00 </view>
					
					<view class="msg">购票软件：大麦 </view>
				</uni-card>
				<view class="sheshi">
					<text class="sheshi-text">请按座位号入座</text>
				</view>
			</view>
		</view>
		<view class="bottom">
			<text class="bottom-text1">演唱会门票过期时间<text class="bottom-text2">2024年9月1日22时</text>，重新<text class="bottom-text3">抢票</text></text>
		</view>
	</view>
</template>

<script setup>

</script>

<style scoped>
	.main {
		margin: 12px;
		width: 100%;
		height: 580px;
		background-image: url("../../static/RN.png");
		background-size: cover;
	}
	.sheshi{
		margin-top: 0px;
		text-align: center;
	}
	.sheshi-text{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 20px;
		color: #00ff00;
		letter-spacing: 0;
	}
	.top{
		text-align: center;
		height: 85px;
	}
	.time{
		text-align: center;
		position: relative;
		top: -10px;
	}
	.bottom{
		text-align: center;
		margin-top: 20px;
		height: 20px;
	}
	.bottom-text1{
		color: #5f5f5f;
		 font-size: 12px;
		 font-face: PingFangSC;
		 font-weight: 400;
		 line-height: 0;
		 letter-spacing: 0;
		 paragraph-spacing: 0;
		 text-align: left;
	}
	.bottom-text2{
		color: #55ffff;
		 font-size: 12px;
		 font-face: PingFangSC;
		 font-weight: 400;
		 line-height: 0;
		 letter-spacing: 0;
		 paragraph-spacing: 0;
		 text-align: left;
	}
	.bottom-text3{
		color: #ff0000;
		 font-size: 12px;
		 font-face: PingFangSC;
		 font-weight: 400;
		 line-height: 0;
		 letter-spacing: 0;
		 paragraph-spacing: 0;
		 text-align: left;
	}
	.msg{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.zhengjian{
		text-align: left;
		margin-left: 15px;
		margin-top: 30px;
	}
	.zhengjian-text{
		font-family: PingFangSC-Medium;
		font-weight: bold;
		font-size: 25px;
		color: #000000;
		letter-spacing: 0;
	}
	.time-text{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5F5F5F;
		letter-spacing: 0;
	}
	.top-text{
		opacity: 0.9;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 30px;
		color: #aa55ff;
		letter-spacing: 0;
		text-align: center;
		
		line-height: 85px;
	}
</style>